<script setup lang="ts">
import { ref, watch } from 'vue'
import CollapsiblePanel from './common/CollapsiblePanel.vue'
import ToggleButton from './common/ToggleButton.vue'
import InputField from './common/InputField.vue'
import CopyToClipboard from './common/CopyToClipboard.vue'

// 导入公共样式


// 定义landType属性
interface Props {
  landType?: string
}

const props = withDefaults(defineProps<Props>(), {
  landType: '单独选址' // 默认值设为单独选址
})

// 表单数据状态定义
const farmlandForm = ref({
  // 通用字段
  用地类型: props.landType,
  
  // 永久基本农田补划 - 仅单独选址
  占用永农总面积: '',
  各功能区永农占用明细: '',
  占用永农理由: '',
  占用永农平均质量: '',
  补划县列表: '',
  补划永农面积: '',
  补划平均质量: '',
  永农变化情况: '未变或减少', // 未变或减少、增加
  减少面积: '',
  减少情况说明: '',
  超出面积: '',
  调整说明: '',
  功能区变化明细: '',
  调整必要性: '',
  调整合理性: '',
  踏勘评审年: '',
  踏勘评审月: '',
  踏勘评审日: '',
  
  // 补充耕地情况（占补平衡）
  占用耕地: '否', // 是、否
  实行挂钩管理: '是', // 是、否
  需补充耕地总面积: '',
  现状耕地占用: '',
  涉及可调整: '否', // 是、否
  可调整面积: '',
  已完成补充面积: '',
  挂钩编号: '',
  落实方式: '',
  
  // 旧格式过渡期说明
  使用原系统: '否', // 是、否
  旧需数量: '',
  旧需水田: '',
  旧需产能: '',
  旧可调面积: '',
  旧可调产能: '',
  旧完数量: '',
  旧完水田: '',
  旧完产能: '',
  旧系统编号: ''
})

// 监听landType属性变化，实时更新表单中的用地类型
watch(() => props.landType, (newLandType) => {
  if (newLandType) {
    farmlandForm.value.用地类型 = newLandType
  }
}, { immediate: true })

// 生成要复制的文本
const generateCopyText = (): string => {
  let paragraph: string = ''
  
  // 永久基本农田补划——仅单独选址
  if (farmlandForm.value.用地类型 === '单独选址') {
    paragraph += `（永久基本农田补划——仅单独选址）\n\n`
    
    // 1. 占用及补划总体情况
    paragraph += `1.占用及补划总体情况  \n`
    paragraph += `项目申请占用永久基本农田${farmlandForm.value.占用永农总面积}公顷，各功能分区占用情况：${farmlandForm.value.各功能区永农占用明细}。占用理由：${farmlandForm.value.占用永农理由}，平均质量等别${farmlandForm.value.占用永农平均质量}。  \n`
    paragraph += `${farmlandForm.value.补划县列表}自然资源主管部门已在长期稳定利用耕地上完成补划${farmlandForm.value.补划永农面积}公顷，平均质量等别${farmlandForm.value.补划平均质量}，坡度均＜25°，数量不减少、质量不降低。\n\n`
    
    // 2. 与用地预审对比
    paragraph += `2.与用地预审对比  \n`
    if (farmlandForm.value.永农变化情况 === '未变或减少') {
      paragraph += `①占用永久基本农田面积未超过用地预审批复规模（较预审减少${farmlandForm.value.减少面积}公顷，具体为：${farmlandForm.value.减少情况说明}）。\n`
    } else if (farmlandForm.value.永农变化情况 === '增加') {
      paragraph += `②占用永久基本农田超出用地预审控制规模${farmlandForm.value.超出面积}公顷，调整具体情况：${farmlandForm.value.调整说明}；各功能分区变化：${farmlandForm.value.功能区变化明细}；调整必要性：${farmlandForm.value.调整必要性}；合理性：${farmlandForm.value.调整合理性}。\n`
    }
    paragraph += `\n`
    
    // 3. 省级论证意见
    paragraph += `3.省级论证意见  \n`
    paragraph += `${farmlandForm.value.踏勘评审年}年${farmlandForm.value.踏勘评审月}月${farmlandForm.value.踏勘评审日}日，省自然资源厅组织专家现场踏勘并评审论证，结论：占用必要、补划合规，通过论证。\n\n`
  }
  
  // 4. 补充耕地情况（占补平衡）
  paragraph += `4.补充耕地情况（占补平衡）  \n`
  if (farmlandForm.value.占用耕地 === '是') {
    if (farmlandForm.value.实行挂钩管理 === '是') {
      paragraph += `项目共需补充耕地${farmlandForm.value.需补充耕地总面积}公顷（含现状耕地${farmlandForm.value.现状耕地占用}公顷`
      if (farmlandForm.value.涉及可调整 === '是') {
        paragraph += `；另因2020年前违法用地涉及可调整地类${farmlandForm.value.可调整面积}公顷`
      }
      paragraph += `）。  \n`
      paragraph += `补充耕地任务已完成，补充${farmlandForm.value.已完成补充面积}公顷，省级占补平衡平台已挂钩，确认编号：${farmlandForm.value.挂钩编号}，实现数量、质量双到位。建设单位已通过${farmlandForm.value.落实方式}（缴纳开垦费/自行垦造）履行补充义务。\n`
    } else {
      paragraph += `我省新一轮国土空间规划耕地保护目标高于上一轮，按规定可不实行挂钩管理。建设单位已通过${farmlandForm.value.落实方式}履行补充义务，市县将统筹落实补充，确保保护目标不突破、质量不降低。\n`
    }
  } else {
    paragraph += `[不涉及补充耕地情况] 项目不涉及占用耕地。\n`
  }
  paragraph += `\n`
  
  // 5. 旧格式过渡期说明（如仍用原系统）
  if (farmlandForm.value.使用原系统 === '是') {
    paragraph += `5.旧格式过渡期说明（如仍用原系统）  \n`
    paragraph += `[需补充耕地情况] 需补充耕地数量${farmlandForm.value.旧需数量}公顷、水田规模${farmlandForm.value.旧需水田}公顷（或不占水田）、标准粮食产能${farmlandForm.value.旧需产能}公斤`
    if (farmlandForm.value.涉及可调整 === '是') {
      paragraph += `；另涉及可调整地类${farmlandForm.value.旧可调面积}公顷（产能${farmlandForm.value.旧可调产能}公斤）`
    }
    paragraph += `。  \n`
    paragraph += `[已补充耕地情况] 已完成补充耕地数量${farmlandForm.value.旧完数量}公顷、水田规模${farmlandForm.value.旧完水田}公顷、标准粮食产能${farmlandForm.value.旧完产能}公斤，部耕地占补平衡动态监管系统已挂钩，确认编号：${farmlandForm.value.旧系统编号}，数量、质量双到位。\n`
  }
  
  return paragraph
}
</script>

<template>
  <div>
    <h1 class="text-3xl font-bold text-blue-700 text-center mb-6">耕地占补平衡及永久基本农田占用补划单元</h1>
    
    <!-- 文件原文（可折叠） -->
    <CollapsiblePanel title="文件原文">
      <div class="mb-4">
        <h3 class="font-semibold text-gray-700 mb-2">一、业务指导处室</h3>
        <p class="text-gray-600">耕地保护监督处</p>
      </div>
      
      <div class="mb-4">
        <h3 class="font-semibold text-gray-700 mb-2">二、审查标准</h3>
        <ol class="list-decimal pl-5 text-gray-600 space-y-2">
          <li>建设占用耕地(包括占用可调整地类、无合法来源的建设用地占用时为耕地)数据准确，已按有关规定落实耕地占补平衡。</li>
          <li>补充耕地方式属于委托补充，建设单位已足额缴纳耕地开垦费，其中涉及永久基本农田的按照不低于两倍缴纳。</li>
          <li>项目占用补划永久基本农田的具体数量、质量符合要求。</li>
          <li>省厅已按照有关规定组织踏勘论证，已说明占用永久基本农田的必要性、合理性，占用和补划永久基本农田方案可行。</li>
        </ol>
      </div>
    </CollapsiblePanel>
    
    <!-- 审查内容模板（常驻显示） -->
    <div class="border border-gray-200 rounded-lg shadow mb-6 bg-white text-left">
      <div class="bg-gray-50 p-4 border-b">
        <h2 class="text-xl font-semibold text-gray-800">三、审查内容模板</h2>
      </div>
      
      <div class="p-4">
        <!-- 永久基本农田补划——仅单独选址 -->
        <div v-if="farmlandForm.用地类型 === '单独选址'" class="section-block blue mb-6">
          <h3 class="text-lg font-semibold text-gray-800 mb-3">（永久基本农田补划——仅单独选址）</h3>
          
          <!-- 1. 占用及补划总体情况 -->
          <div class="mb-6">
            <h4 class="font-medium text-gray-700 mb-3">1.占用及补划总体情况</h4>
            <div class="text-gray-700 space-y-3">
              <p>项目申请占用永久基本农田
                <InputField v-model="farmlandForm.占用永农总面积" type="number" step="0.01" min="0" placeholder="面积" width="10rem" />
                公顷，各功能分区占用情况：
                <InputField v-model="farmlandForm.各功能区永农占用明细" placeholder="各功能区永农占用明细" />
                。占用理由：
                <InputField v-model="farmlandForm.占用永农理由" placeholder="占用永农理由" />
                ，平均质量等别
                <InputField v-model="farmlandForm.占用永农平均质量" placeholder="平均质量等别" width="8rem" />
                。</p>
                
              <p>
                <InputField v-model="farmlandForm.补划县列表" placeholder="补划县列表" />
                自然资源主管部门已在长期稳定利用耕地上完成补划
                <InputField v-model="farmlandForm.补划永农面积" type="number" step="0.01" min="0" placeholder="面积" width="10rem" />
                公顷，平均质量等别
                <InputField v-model="farmlandForm.补划平均质量" placeholder="平均质量等别" width="8rem" />
                ，坡度均＜25°，数量不减少、质量不降低。</p>
            </div>
          </div>
          
          <!-- 2. 与用地预审对比 -->
          <div class="mb-6">
            <h4 class="font-medium text-gray-700 mb-3">2.与用地预审对比</h4>
            <div class="text-gray-700 space-y-3">
              <div class="flex items-center mb-3">
                <ToggleButton 
                  v-model="farmlandForm.永农变化情况" 
                  :options="[
                    { label: '未变或减少', value: '未变或减少' },
                    { label: '增加', value: '增加' }
                  ]" 
                />
                <label class="section-label red ml-2">永农变化情况：</label>
              </div>
              
              <div v-if="farmlandForm.永农变化情况 === '未变或减少'" >
                <p>①占用永久基本农田面积未超过用地预审批复规模（较预审减少
                  <InputField v-model="farmlandForm.减少面积" type="number" step="0.01" min="0" placeholder="面积" width="10rem" />
                  公顷，具体为：
                  <InputField v-model="farmlandForm.减少情况说明" placeholder="减少情况说明" />
                  ）。</p>
              </div>
              
              <div v-else-if="farmlandForm.永农变化情况 === '增加'" >
                <p>②占用永久基本农田超出用地预审控制规模
                  <InputField v-model="farmlandForm.超出面积" type="number" step="0.01" min="0" placeholder="面积" width="10rem" />
                  公顷，调整具体情况：
                  <InputField v-model="farmlandForm.调整说明" placeholder="调整说明" />
                  ；各功能分区变化：
                  <InputField v-model="farmlandForm.功能区变化明细" placeholder="功能区变化明细" />
                  ；调整必要性：
                  <InputField v-model="farmlandForm.调整必要性" placeholder="调整必要性" />
                  ；合理性：
                  <InputField v-model="farmlandForm.调整合理性" placeholder="调整合理性" />
                  。</p>
              </div>
            </div>
          </div>
          
          <!-- 3. 省级论证意见 -->
          <div>
            <h4 class="font-medium text-gray-700 mb-3">3.省级论证意见</h4>
            <div class="text-gray-700 space-y-3">
              <p>
                <InputField v-model="farmlandForm.踏勘评审年" type="number" placeholder="年" width="8rem" />
                年
                <InputField v-model="farmlandForm.踏勘评审月" type="number" min="1" max="12" placeholder="月" width="6rem" />
                月
                <InputField v-model="farmlandForm.踏勘评审日" type="number" min="1" max="31" placeholder="日" width="6rem" />
                日，省自然资源厅组织专家现场踏勘并评审论证，结论：占用必要、补划合规，通过论证。</p>
            </div>
          </div>
        </div>
        
        <!-- 4. 补充耕地情况（占补平衡） -->
        <div class="section-block green">
          <h4 class="font-medium text-gray-700 mb-3">4.补充耕地情况（占补平衡）</h4>
          <div class="text-gray-700 space-y-3">
            <div class="flex items-center mb-3">
              <ToggleButton 
                v-model="farmlandForm.占用耕地" 
                :options="[
                  { label: '是', value: '是' },
                  { label: '否', value: '否' }
                ]" 
              />
              <label class="section-label red ml-2">占用耕地：</label>
            </div>
            
            <div v-if="farmlandForm.占用耕地 === '是'" >
              <div class="flex items-center mb-3">
                <ToggleButton 
                  v-model="farmlandForm.实行挂钩管理" 
                  :options="[
                    { label: '是', value: '是' },
                    { label: '否', value: '否' }
                  ]" 
                />
                <label class="section-label red ml-2">实行挂钩管理：</label>
              </div>
              
              <div v-if="farmlandForm.实行挂钩管理 === '是'">
                <p>项目共需补充耕地
                  <InputField v-model="farmlandForm.需补充耕地总面积" type="number" step="0.01" min="0" placeholder="面积" width="10rem" />
                  公顷（含现状耕地
                  <InputField v-model="farmlandForm.现状耕地占用" type="number" step="0.01" min="0" placeholder="面积" width="10rem" />
                  公顷
                  <span v-if="farmlandForm.涉及可调整 === '是'">；另因2020年前违法用地涉及可调整地类
                    <InputField v-model="farmlandForm.可调整面积" type="number" step="0.01" min="0" placeholder="面积" width="10rem" />
                    公顷
                  </span>
                  ）。</p>
                  
                <div class="flex items-center mb-3 mt-2">
                  <ToggleButton 
                    v-model="farmlandForm.涉及可调整" 
                    :options="[
                      { label: '是', value: '是' },
                      { label: '否', value: '否' }
                    ]" 
                  />
                  <label class="section-label red ml-2">涉及可调整地类：</label>
                </div>
                
                <p>补充耕地任务已完成，补充
                  <InputField v-model="farmlandForm.已完成补充面积" type="number" step="0.01" min="0" placeholder="面积" width="10rem" />
                  公顷，省级占补平衡平台已挂钩，确认编号：
                  <InputField v-model="farmlandForm.挂钩编号" placeholder="挂钩编号" />
                  ，实现数量、质量双到位。建设单位已通过
                  <InputField v-model="farmlandForm.落实方式" placeholder="落实方式" />
                  （缴纳开垦费/自行垦造）履行补充义务。</p>
              </div>
              
              <div v-else>
                <p>我省新一轮国土空间规划耕地保护目标高于上一轮，按规定可不实行挂钩管理。建设单位已通过
                  <InputField v-model="farmlandForm.落实方式" placeholder="落实方式" />
                  履行补充义务，市县将统筹落实补充，确保保护目标不突破、质量不降低。</p>
              </div>
            </div>
            
            <div v-else >
              <p>[不涉及补充耕地情况] 项目不涉及占用耕地。</p>
            </div>
            
            <!-- 5. 旧格式过渡期说明 -->
            <div class="mt-6">
              <div class="flex items-center mb-3">
                <ToggleButton 
                  v-model="farmlandForm.使用原系统" 
                  :options="[
                    { label: '是', value: '是' },
                    { label: '否', value: '否' }
                  ]" 
                />
                <label class="section-label red ml-2">使用原系统：</label>
              </div>
              
              <div v-if="farmlandForm.使用原系统 === '是'" >
                <h5 class="font-medium mb-2">5.旧格式过渡期说明（如仍用原系统）</h5>
                <p>[需补充耕地情况] 需补充耕地数量
                  <InputField v-model="farmlandForm.旧需数量" type="number" step="0.01" min="0" placeholder="数量" width="8rem" />
                  公顷、水田规模
                  <InputField v-model="farmlandForm.旧需水田" type="number" step="0.01" min="0" placeholder="规模" width="8rem" />
                  公顷（或不占水田）、标准粮食产能
                  <InputField v-model="farmlandForm.旧需产能" placeholder="产能" width="12rem" />
                  公斤
                  <span v-if="farmlandForm.涉及可调整 === '是'">；另涉及可调整地类
                    <InputField v-model="farmlandForm.旧可调面积" type="number" step="0.01" min="0" placeholder="面积" width="10rem" />
                    公顷（产能
                    <InputField v-model="farmlandForm.旧可调产能" placeholder="产能" width="12rem" />
                    公斤）
                  </span>
                  。</p>
                  
                <p class="mt-2">[已补充耕地情况] 已完成补充耕地数量
                  <InputField v-model="farmlandForm.旧完数量" type="number" step="0.01" min="0" placeholder="数量" width="8rem" />
                  公顷、水田规模
                  <InputField v-model="farmlandForm.旧完水田" type="number" step="0.01" min="0" placeholder="规模" width="8rem" />
                  公顷、标准粮食产能
                  <InputField v-model="farmlandForm.旧完产能" placeholder="产能" width="12rem" />
                  公斤，部耕地占补平衡动态监管系统已挂钩，确认编号：
                  <InputField v-model="farmlandForm.旧系统编号" placeholder="系统编号" />
                  ，数量、质量双到位。</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <!-- 复制按钮和显示复制的文本内容 -->
    <CopyToClipboard :text="generateCopyText()" />
  </div>
</template>

<style scoped>
/* 已导入公共样式，无需重复定义 */  
</style>